<template>
	<view class="wrapper pingzheng">
		<!-- 头部 -->
		<navbar title="我的" leftIcon=""></navbar>
		<!-- 主体内容 -->
		<div class="main">
			<!-- 顶部用户信息 -->
			<view class="box-1 bfff center bor25">
				<view class="left-box">
					<image src="../../static/bcak1.png" class="collect-icon bor50"></image>
				</view>
				<view class="flex1 ml30">
					<view class=" f40 c333 mb15">
						我是账号名称
					</view>
					<view class="f32 c666">
						车牌号码：闻D539UE
					</view>
				</view>
			</view>
			<!-- 底部菜单 -->
			<div class="bfff mt30 navs bor25">
				<navigator url="/pages/my/shenpi" class="center ">
					<image src="../../static/my2.png" mode="widthFix" class="nav-icon"></image>
					<div class="flex1 f32 c333 ml15">个人资料</div>
					<image src="../../static/my5.png" mode="widthFix" class="nav-icon-1"></image>
				</navigator>
				<navigator url="/pages/my/shenpi" class="center ">
					<image src="../../static/my3.png" mode="widthFix" class="nav-icon"></image>
					<div class="flex1 f32 c333 ml15">清理缓存</div>
					<image src="../../static/my5.png" mode="widthFix" class="nav-icon-1"></image>
				</navigator>
				<navigator url="/pages/my/shenpi" class="center">
					<image src="../../static/my4.png" mode="widthFix" class="nav-icon"></image>
					<div class="flex1 f32 c333 ml15">关于我们</div>
					<image src="../../static/my5.png" mode="widthFix" class="nav-icon-1"></image>
				</navigator>
				<view @click="layout" class="center noborder">
					<image src="../../static/my1.png" mode="widthFix" class="nav-icon"></image>
					<div class="flex1 f32 c333 ml15">退出登录</div>
					<image src="../../static/my5.png" mode="widthFix" class="nav-icon-1"></image>
				</view>
			</div>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			layout() {
				this.showModal('确认退出登陆吗？').then(r => {
					uni.clearStorageSync()
					this.open('../login/login', 3)
				})
			},
		}
	}
</script>

<style lang="scss">
	.navs {
		padding: 8rpx 0;
	}

	.collect-icon {
		width: 140rpx;
		height: 140rpx;
	}

	.box-1 {
		width: 686rpx;
		padding: 40rpx 32rpx;
	}

	.nav-icon {
		width: 48rpx;
		height: 48rpx;
	}

	.nav-icon-1 {
		width: 32rpx;
		height: 32rpx;
	}

	.navs .center {
		border-bottom: 1rpx solid #EEEEEE;
		padding: 32rpx 28rpx;
	}

	.navs .noborder {
		border-bottom: 0;
	}

	page {
		background: url(/static/bcak1.png) no-repeat #FAFAFA;
		background-size: 100% auto;
		padding: 30rpx;
	}
</style>